@charset "utf-8";
/* CSS Document */
body {margin:0 auto; padding:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:12px; background-color:#F0F0F0;}
p { margin:3px; padding:3px;}
input { cursor:pointer;}

#bgbox {position:relative; margin:0 auto; width:980px;}

/* Main UI */
#header { height:60px; padding-top:20px; text-indent:20px; font-family:"Arial Black", Gadget, sans-serif; font-size:22px; color:#fff; z-index:89; 
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;}
.bmenu, .btool { margin:23px 5px 0px 5px; min-width:80px; float:left; padding:0px 5px; text-align:center; height:35px; font-family:Arial, Helvetica, sans-serif; font-size:18px; border:1px solid #b7deed; line-height:35px; cursor:pointer; color:#fff;
text-shadow: 2px 2px 6px #e9eef5;
filter: dropshadow(color=#e9eef5, offx=2, offy=2);
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;}
.bmenuNormal	{
background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */	
}
.bmenuOver {
background: #e4f5fc; /* Old browsers */
background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* W3C */
-webkit-box-shadow: 3px 0px 3px #b8c4e0;
-moz-box-shadow: 3px 0px 3px #b8c4e0;
box-shadow: 3px 0px 3px #b8c4e0;
}
.btool { position:absolute; right:10px;
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
}
#menu, #footer {height:60px;}
#menu { width:960px; margin-left:10px;
background: #feffe8; /* Old browsers */
background: -moz-linear-gradient(top, #feffe8 0%, #d6dbbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(100%,#d6dbbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* W3C */

-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#footer { line-height:10px; text-align:center; -moz-border-radius: 10px; border-radius: 10px; z-index:88; text-align:left; padding:10px 0px 0px 0px; text-indent:20px;}
.issue {

}

#header, #menu, #footer, .issue { position:relative;}
#header,  #footer, .issue { width:100%}

#header, #footer {
background: #c3d9ff; /* Old browsers */
background: -moz-linear-gradient(top, #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d9ff), color-stop(41%,#b1c8ef), color-stop(100%,#98b0d9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d9ff', endColorstr='#98b0d9',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* W3C */
}

.recsbox { position:relative; margin:0px auto; width:96%;  border-left:1px dashed #fff; border-right:1px solid #fff; padding:10px 3px 45px 3px;
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* W3C */}

#menu, .recsbox, #header, #footer {-webkit-box-shadow: 3px 3px 12px #858261;
-moz-box-shadow: 3px 0px 9px #858261;
box-shadow: 3px 0px 9px #858261;
}

#menu{ z-index:88;}
.recsbox { z-index:87;}

/* Table list CSS */
.oncolor { font-weight:bolder; height:30px; background:}

/* detail box view */
#bgcover { position:fixed; left:0px; top:0px;  z-index:97;
background: #cecece; /* old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,0.7) 0%, rgba(204,204,204,0.7) 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,0.7)), color-stop(100%,rgba(204,204,204,0.7))); /* webkit */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(238,238,238,0.7)', endColorstr='rgba(204,204,204,0.7)',GradientType=0 );  ie */
behavior: url(ie-css3.htc); }
#viewbox{ position:absolute; width:400px; background: #fff; padding:10px; border:#666 1px solid; z-index:98;
-moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow: 6px 4px 12px #999;
-moz-box-shadow: 6px 4px 12px #999;
box-shadow: 6px 4px 12px #999;}
#viewsub{ position:absolute; width:300px; background: #fff; padding:10px; border:#666 1px dashed; padding-top:25px; z-index:99;
-moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow: 6px 4px 12px #999;
-moz-box-shadow: 6px 4px 12px #999;
box-shadow: 6px 4px 12px #999;}
#viewbox, #viewsub {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
}
.notebox { position:relative; width:90%; margin-left:15px; overflow:auto; word-spacing:normal; word-wrap:break-word;}

#bgclose {position:absolute; background:#CED7EA; padding:3px 6px 3px 6px; cursor:pointer; right:5px; top: 5px;
-moz-border-radius: 3px; border-radius: 3px;}
#subclose {position:absolute; background:#CED7EA; padding:3px 6px 3px 6px; cursor:pointer; right:5px; top: 5px;
-moz-border-radius: 3px; border-radius: 3px;}

/*view UI input class*/
.id { background-color:#fff; border:0px;}
.textarea {width:90%; height:60px;} 
.number {}
.date {}
.regdate { visibility:hidden;}


.skc { width:20%; text-align:left; margin-left:5px;}
.skn { width:60%; text-align:left}
.sks { width:8%; text-align:center; font-weight:bolder; background-color:#FFFFE6; border:#666 1px solid; cursor:pointer;
-moz-border-radius: 3px; border-radius: 3px}
.skc, .skn, .sks { position:relative; float:left; height:15px; margin-right:3px; margin-bottom:3px;}

.notice, .empselection {text-align:center; font-weight:bolder; background-color:#FFFFE6; border:#666 1px solid; cursor:pointer;
-moz-border-radius: 3px; border-radius: 3px; height: 10px;}

/*
table { border: #CCC 1px solid;}
*/
thead { background-color:#6CF; font-weight:bolder; text-align:center;}
thead td { height:20px; color:#fff;}
td { border:1px dashed #CCC; text-indent:3px; height:20px;}

.mini { width:100%;}

empName { white-space:nowrap; overflow:hidden; word-spacing:inherit;}